/******************************/
/* CSS Reset */
/******************************/

html {
	font-size:16px;
	-webkit-text-size-adjust: none;
}
body {
	line-height: 1.5;
	font-family:Microsoft Yahei;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
address, cite, dfn, em, var {
	font-style: normal;
}
code, kbd, pre, samp {
	font-family: courier new, courier, monospace;
}
ul, ol {
	list-style: none;
}
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
legend {
	color: #000;
}
fieldset {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
b, i {
	font-style:normal;
	font-weight:normal;
}
a {
	color: #000;
	outline: none;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: underline;
}

/******************************/
/* 设置HTML5元素为块 */
/******************************/

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
 
/******************************/
/* 设置图片视频等自适应调整 */
/******************************/

img {
	max-width: 100%;
	max-height:100%;
	height: auto;
	width: auto\9; /* ie8 */
	vertical-align:top;
	border:0;
}
.video embed, .video object, .video iframe {
	width: 100%;
	height: auto;
}

/******************************/
/* Red style */
/******************************/

.color-red {
	color:#E44535 !important;
}
.button-red,
.border-red {
	border-color:#E44535 !important;
}
.button-red,
.bg-red {
	background-color:#E44535 !important;
}

/******************************/
/* Green style */
/******************************/

.color-green {
	color:#09BB07 !important;
}
.button-green,
.border-green {
	border-color:#09BB07 !important;
}
.button-green,
.bg-green {
	background-color:#09BB07 !important;
}

/******************************/
/* Blue style */
/******************************/

.color-blue {
	color:#0E98D3 !important;
}
.button-blue,
.border-blue {
	border-color:#0E98D3 !important;
}
.button-blue,
.bg-blue {
	background-color:#0E98D3 !important;
}

/******************************/
/* Orange style */
/******************************/

.color-orange {
	color:#FBA515 !important;
}
.button-orange,
.border-orange {
	border-color:#FBA515 !important;
}
.button-orange,
.bg-orange {
	background-color:#FBA515 !important;
}

/******************************/
/* Filter gray style */
/******************************/

.filter-gray{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

/******************************/
/* Other color style */
/******************************/

.bg-1  {background-color:#FF6666 !important;}
.bg-2  {background-color:#E97D56 !important;}
.bg-3  {background-color:#FA965A !important;}
.bg-4  {background-color:#FAC458 !important;}
.bg-5  {background-color:#A0C554 !important;}
.bg-6  {background-color:#99CC66 !important;}
.bg-7  {background-color:#71D573 !important;}
.bg-8  {background-color:#4EC2BA !important;}
.bg-9  {background-color:#79D8DF !important;}
.bg-10 {background-color:#389CC2 !important;}
.bg-11 {background-color:#77C8E5 !important;}
.bg-12 {background-color:#75C8F0 !important;}
.bg-13 {background-color:#86B5CE !important;}
.bg-14 {background-color:#94A5C7 !important;}
.bg-15 {background-color:#6C82BB !important;}
.bg-16 {background-color:#B4A1C2 !important;}
.bg-17 {background-color:#D26C9D !important;}
.bg-18 {background-color:#F36798 !important;}

/******************************/
/* Background-color style */
/******************************/

.bg-none {background-color:transparent !important;}
.bg-f, .bg-white {background-color:#FFF !important;}
.bg-0, .bg-black {background-color:#000 !important;}
.bg-c	 {background-color:#CCC !important;}
.bg-d	 {background-color:#DDD !important;}
.bg-e	 {background-color:#EEE !important;}

.bg-f9	 {background-color:#F9F9F9 !important;}
.bg-f6	 {background-color:#F6F6F6 !important;}
.bg-f3	 {background-color:#F3F3F3 !important;}
.bg-f0	 {background-color:#F0F0F0 !important;}

.bg-e9	 {background-color:#E9E9E9 !important;}
.bg-e6	 {background-color:#E6E6E6 !important;}
.bg-e3 	 {background-color:#E3E3E3 !important;}
.bg-e0   {background-color:#E0E0E0 !important;}

/******************************/
/* Float style */
/******************************/

.float-left	 	{float:left;}
.float-right 	{float:right;}
.clear		 	{clear:both;}
.clearfix:after {
	content:'.';
	display:block;
	clear:both;
	line-height:0;
	font-size:0;
	visibility:hidden;
}

/******************************/
/* Overflow style */
/******************************/

.overflow-hidden	{overflow:hidden;}
.overflow-visible	{overflow:visible;}
.overflow-scroll	{overflow:scroll;}

/******************************/
/* Display style */
/******************************/

.hide, .display-none		{display:none;}
.show, .display-block		{display:block;}
.inline, .display-inline 	{display:inline;} 
.inline-block 				{display:inline-block;}

.hide-i, .display-none-i		{display:none !important;}
.show-i, .display-block-i	{display:block !important;}
.inline-i, .display-inline-i 	{display:inline !important;} 
.inline-block-i 	{display:inline-block !important;}

/******************************/
/* Width style */
/******************************/

.width-0  {width:0 !important;}
.width-5  {width:5%;}
.width-10 {width:10%;}
.width-15 {width:15%;}
.width-20 {width:20%;}
.width-25 {width:25%;}
.width-30 {width:30%;}
.width-35 {width:35%;}
.width-40 {width:40%;}
.width-45 {width:45%;}
.width-50 {width:50%;}
.width-55 {width:55%;}
.width-60 {width:60%;}
.width-65 {width:65%;}
.width-70 {width:70%;}
.width-75 {width:75%;}
.width-80 {width:80%;}
.width-85 {width:85%;}
.width-90 {width:90%;}
.width-95 {width:95%;}
.width-100 {width:100% !important;}

/******************************/
/* Line-height style */
/******************************/

.line-normal {line-height:1.5 !important;}
.line-12 {line-height:12px;}
.line-14 {line-height:14px;}
.line-16 {line-height:16px;}
.line-18 {line-height:18px;}
.line-20 {line-height:20px;}
.line-24 {line-height:24px;}
.line-28 {line-height:28px;}
.line-32 {line-height:32px;}
.line-36 {line-height:36px;}
.line-40 {line-height:40px;}
.line-44 {line-height:44px;}
.line-48 {line-height:48px;}
.line-54 {line-height:54px;}
.line-60 {line-height:60px;}

/******************************/
/* Text-color style */
/******************************/

.color-0 {color:#000 !important;}
.color-1 {color:#111 !important;}
.color-2 {color:#222 !important;}
.color-3 {color:#333 !important;}
.color-4 {color:#444 !important;}
.color-5 {color:#555 !important;}
.color-6 {color:#666 !important;}
.color-7 {color:#777 !important;}
.color-8 {color:#888 !important;}
.color-9 {color:#999 !important;}
.color-f {color:#FFF !important;}

/******************************/
/* Text style */
/******************************/

.indent-0 {text-indent:0em !important;}
.indent-1 {text-indent:1em;}
.indent-2 {text-indent:2em;}
.indent-3 {text-indent:3em;}
.indent-4 {text-indent:4em;}
.indent-5 {text-indent:5em;}
.indent-6 {text-indent:6em;}
.indent-7 {text-indent:7em;}
.indent-8 {text-indent:8em;}
.indent-9 {text-indent:9em;}
.indent-10 {text-indent:10em;}

/******************************/

.align-left		{text-align:left !important;}
.align-right	{text-align:right !important;}
.align-center	{text-align:center !important;}

/******************************/
/* Vertical style */
/******************************/

.align-top		{display:inline-block; *display:inline; *zoom:1; vertical-align:top !important;}
.align-middle	{display:inline-block; *display:inline; *zoom:1; vertical-align:middle !important;}
.align-bottom	{display:inline-block; *display:inline; *zoom:1; vertical-align:bottom !important;}

/******************************/
/* Font style */
/******************************/

.rem-12	{font-size:0.12rem !important;}
.rem-13	{font-size:0.13rem !important;}
.rem-14	{font-size:0.14rem !important;}
.rem-15	{font-size:0.15rem !important;}
.rem-16	{font-size:0.16rem !important;}
.rem-17	{font-size:0.17rem !important;}
.rem-18	{font-size:0.18rem !important;}
.rem-19	{font-size:0.19rem !important;}
.rem-20	{font-size:0.20rem !important;}
.rem-21	{font-size:0.21rem !important;}
.rem-24	{font-size:0.24rem !important;}
.rem-28	{font-size:0.28rem !important;}
.rem-32	{font-size:0.32rem !important;}
.rem-36	{font-size:0.36rem !important;}
.rem-40	{font-size:0.40rem !important;}
.rem-44	{font-size:0.44rem !important;}
.rem-48	{font-size:0.48rem !important;}
.rem-54	{font-size:0.54rem !important;}
.rem-60	{font-size:0.60rem !important;}

/******************************/

.pixel-0  {font-size:0 !important;}
.pixel-12 {font-size:12px !important;}
.pixel-13 {font-size:13px !important;}
.pixel-14 {font-size:14px !important;}
.pixel-15 {font-size:15px !important;}
.pixel-16 {font-size:16px !important;}
.pixel-17 {font-size:17px !important;}
.pixel-18 {font-size:18px !important;}
.pixel-19 {font-size:19px !important;}
.pixel-20 {font-size:20px !important;}
.pixel-21 {font-size:21px !important;}
.pixel-24 {font-size:24px !important;}
.pixel-28 {font-size:28px !important;}
.pixel-32 {font-size:32px !important;}
.pixel-36 {font-size:36px !important;}
.pixel-40 {font-size:40px !important;}
.pixel-44 {font-size:44px !important;}
.pixel-48 {font-size:48px !important;}
.pixel-54 {font-size:54px !important;}
.pixel-60 {font-size:60px !important;}

/******************************/

.point-9	{font-size:9pt !important;}		/* 小五号 */
.point-10	{font-size:10pt !important;}
.point-10a	{font-size:10.5pt !important;}	/* 五号 */
.point-11	{font-size:11pt !important;}
.point-12	{font-size:12pt !important;}	/* 小四号 */
.point-14	{font-size:14pt !important;}	/* 四号 */
.point-16	{font-size:16pt !important;}	/* 三号 */
.point-18	{font-size:18pt !important;}	/* 小二号 */

/******************************/

.weight-normal	{font-weight:normal !important;}
.weight-bold	{font-weight:bold !important;}
.bold-100		{font-weight:100 !important;}
.bold-200		{font-weight:200 !important;}
.bold-300		{font-weight:300 !important;}
.bold-400		{font-weight:400 !important;}
.bold-500		{font-weight:500 !important;}
.bold-600		{font-weight:600 !important;}
.bold-700		{font-weight:700 !important;}
.bold-800		{font-weight:800 !important;}
.bold-900		{font-weight:900 !important;}

/******************************/

.style-italic	{font-style:italic;}
.style-normal	{font-style:normal !important;}

/******************************/
/* Font-family style */
/******************************/

button, input[type = button], input[type = submit], input[type = text], input[type = password], select, textarea,
.button, .button-20, .button-24, .button-28, .button-32, .button-36, .button-40, .button-44 {
	font-family:Microsoft Yahei;
}

/******************************/

.yahei		{font-family:Microsoft Yahei;}
.verdana	{font-family:Verdana;}
.tahoma		{font-family:Tahoma;}
.arial		{font-family:Arial;}
.simsun		{font-family:SimSun;}
.simhei		{font-family:SimHei;}
.kaiti		{font-family:KaiTi;}

/******************************/
/* White-space style */
/******************************/

.space-nowrap {white-space:nowrap;}
.space-normal {white-space:normal !important;}

/******************************/
/* Padding style */
/******************************/

.padding-0 {padding:0 !important;}
.padding-5 {padding:5px;}
.padding-10 {padding:10px;}
.padding-15 {padding:15px;}
.padding-20 {padding:20px;}
.padding-25 {padding:25px;}
.padding-30 {padding:30px;}
.padding-35 {padding:35px;}
.padding-40 {padding:40px;}
.padding-45 {padding:45px;}
.padding-50 {padding:50px;}
.padding-60 {padding:60px;}
.padding-70 {padding:70px;}
.padding-80 {padding:80px;}
.padding-90 {padding:90px;}
.padding-100 {padding:100px;}

.padding-0-5 {padding:0 5px;}
.padding-0-10 {padding:0 10px;}
.padding-0-15 {padding:0 15px;}
.padding-0-20 {padding:0 20px;}
.padding-0-25 {padding:0 25px;}
.padding-0-30 {padding:0 30px;}
.padding-0-35 {padding:0 35px;}
.padding-0-40 {padding:0 40px;}
.padding-0-45 {padding:0 45px;}
.padding-0-50 {padding:0 50px;}
.padding-0-60 {padding:0 60px;}
.padding-0-70 {padding:0 70px;}
.padding-0-80 {padding:0 80px;}
.padding-0-90 {padding:0 90px;}
.padding-0-100 {padding:0 100px;}

.padding-5-0 {padding:5px 0;}
.padding-10-0 {padding:10px 0;}
.padding-15-0 {padding:15px 0;}
.padding-20-0 {padding:20px 0;}
.padding-25-0 {padding:25px 0;}
.padding-30-0 {padding:30px 0;}
.padding-35-0 {padding:35px 0;}
.padding-40-0 {padding:40px 0;}
.padding-45-0 {padding:45px 0;}
.padding-50-0 {padding:50px 0;}
.padding-60-0 {padding:60px 0;}
.padding-70-0 {padding:70px 0;}
.padding-80-0 {padding:80px 0;}
.padding-90-0 {padding:90px 0;}
.padding-100-0 {padding:100px 0;}

.padding-top-5 {padding-top:5px;}
.padding-top-10 {padding-top:10px;}
.padding-top-15 {padding-top:15px;}
.padding-top-20 {padding-top:20px;}
.padding-top-25 {padding-top:25px;}
.padding-top-30 {padding-top:30px;}
.padding-top-35 {padding-top:35px;}
.padding-top-40 {padding-top:40px;}
.padding-top-45 {padding-top:45px;}
.padding-top-50 {padding-top:50px;}
.padding-top-60 {padding-top:60px;}
.padding-top-70 {padding-top:70px;}
.padding-top-80 {padding-top:80px;}
.padding-top-90 {padding-top:90px;}
.padding-top-100 {padding-top:100px;}

.padding-left-5 {padding-left:5px;}
.padding-left-10 {padding-left:10px;}
.padding-left-15 {padding-left:15px;}
.padding-left-20 {padding-left:20px;}
.padding-left-25 {padding-left:25px;}
.padding-left-30 {padding-left:30px;}
.padding-left-35 {padding-left:35px;}
.padding-left-40 {padding-left:40px;}
.padding-left-45 {padding-left:45px;}
.padding-left-50 {padding-left:50px;}
.padding-left-60 {padding-left:60px;}
.padding-left-70 {padding-left:70px;}
.padding-left-80 {padding-left:80px;}
.padding-left-90 {padding-left:90px;}
.padding-left-100 {padding-left:100px;}

.padding-right-5 {padding-right:5px;}
.padding-right-10 {padding-right:10px;}
.padding-right-15 {padding-right:15px;}
.padding-right-20 {padding-right:20px;}
.padding-right-25 {padding-right:25px;}
.padding-right-30 {padding-right:30px;}
.padding-right-35 {padding-right:35px;}
.padding-right-40 {padding-right:40px;}
.padding-right-45 {padding-right:45px;}
.padding-right-50 {padding-right:50px;}
.padding-right-60 {padding-right:60px;}
.padding-right-70 {padding-right:70px;}
.padding-right-80 {padding-right:80px;}
.padding-right-90 {padding-right:90px;}
.padding-right-100 {padding-right:100px;}

.padding-bottom-5 {padding-bottom:5px;}
.padding-bottom-10 {padding-bottom:10px;}
.padding-bottom-15 {padding-bottom:15px;}
.padding-bottom-20 {padding-bottom:20px;}
.padding-bottom-25 {padding-bottom:25px;}
.padding-bottom-30 {padding-bottom:30px;}
.padding-bottom-35 {padding-bottom:35px;}
.padding-bottom-40 {padding-bottom:40px;}
.padding-bottom-45 {padding-bottom:45px;}
.padding-bottom-50 {padding-bottom:50px;}
.padding-bottom-60 {padding-bottom:60px;}
.padding-bottom-70 {padding-bottom:70px;}
.padding-bottom-80 {padding-bottom:80px;}
.padding-bottom-90 {padding-bottom:90px;}
.padding-bottom-100 {padding-bottom:100px;}

/******************************/
/* Margin style */
/******************************/

.margin-0 {margin:0 !important;}
.margin-5 {margin:5px;}
.margin-10 {margin:10px;}
.margin-15 {margin:15px;}
.margin-20 {margin:20px;}
.margin-25 {margin:25px;}
.margin-30 {margin:30px;}
.margin-35 {margin:35px;}
.margin-40 {margin:40px;}
.margin-45 {margin:45px;}
.margin-50 {margin:50px;}
.margin-60 {margin:60px;}
.margin-70 {margin:70px;}
.margin-80 {margin:80px;}
.margin-90 {margin:90px;}
.margin-100 {margin:100px;}

.margin-0-5 {margin:0 5px;}
.margin-0-10 {margin:0 10px;}
.margin-0-15 {margin:0 15px;}
.margin-0-20 {margin:0 20px;}
.margin-0-25 {margin:0 25px;}
.margin-0-30 {margin:0 30px;}
.margin-0-35 {margin:0 35px;}
.margin-0-40 {margin:0 40px;}
.margin-0-45 {margin:0 45px;}
.margin-0-50 {margin:0 50px;}
.margin-0-60 {margin:0 60px;}
.margin-0-70 {margin:0 70px;}
.margin-0-80 {margin:0 80px;}
.margin-0-90 {margin:0 90px;}
.margin-0-100 {margin:0 100px;}

.margin-5-0 {margin:5px 0;}
.margin-10-0 {margin:10px 0;}
.margin-15-0 {margin:15px 0;}
.margin-20-0 {margin:20px 0;}
.margin-25-0 {margin:25px 0;}
.margin-30-0 {margin:30px 0;}
.margin-35-0 {margin:35px 0;}
.margin-40-0 {margin:40px 0;}
.margin-45-0 {margin:45px 0;}
.margin-50-0 {margin:50px 0;}
.margin-60-0 {margin:60px 0;}
.margin-70-0 {margin:70px 0;}
.margin-80-0 {margin:80px 0;}
.margin-90-0 {margin:90px 0;}
.margin-100-0 {margin:100px 0;}

.margin-top-5 {margin-top:5px !important;}
.margin-top-10 {margin-top:10px !important;}
.margin-top-15 {margin-top:15px !important;}
.margin-top-20 {margin-top:20px !important;}
.margin-top-25 {margin-top:25px !important;}
.margin-top-30 {margin-top:30px !important;}
.margin-top-35 {margin-top:35px !important;}
.margin-top-40 {margin-top:40px !important;}
.margin-top-45 {margin-top:45px !important;}
.margin-top-50 {margin-top:50px !important;}
.margin-top-60 {margin-top:60px !important;}
.margin-top-70 {margin-top:70px !important;}
.margin-top-80 {margin-top:80px !important;}
.margin-top-90 {margin-top:90px !important;}
.margin-top-100 {margin-top:100px !important;}

.margin-left-5 {margin-left:5px;}
.margin-left-10 {margin-left:10px;}
.margin-left-15 {margin-left:15px;}
.margin-left-20 {margin-left:20px;}
.margin-left-25 {margin-left:25px;}
.margin-left-30 {margin-left:30px;}
.margin-left-35 {margin-left:35px;}
.margin-left-40 {margin-left:40px;}
.margin-left-45 {margin-left:45px;}
.margin-left-50 {margin-left:50px;}
.margin-left-60 {margin-left:60px;}
.margin-left-70 {margin-left:70px;}
.margin-left-80 {margin-left:80px;}
.margin-left-90 {margin-left:90px;}
.margin-left-100 {margin-left:100px;}

.margin-right-5 {margin-right:5px;}
.margin-right-10 {margin-right:10px;}
.margin-right-15 {margin-right:15px;}
.margin-right-20 {margin-right:20px;}
.margin-right-25 {margin-right:25px;}
.margin-right-30 {margin-right:30px;}
.margin-right-35 {margin-right:35px;}
.margin-right-40 {margin-right:40px;}
.margin-right-45 {margin-right:45px;}
.margin-right-50 {margin-right:50px;}
.margin-right-60 {margin-right:60px;}
.margin-right-70 {margin-right:70px;}
.margin-right-80 {margin-right:80px;}
.margin-right-90 {margin-right:90px;}
.margin-right-100 {margin-right:100px;}

.margin-bottom-5 {margin-bottom:5px !important;}
.margin-bottom-10 {margin-bottom:10px !important;}
.margin-bottom-15 {margin-bottom:15px !important;}
.margin-bottom-20 {margin-bottom:20px !important;}
.margin-bottom-25 {margin-bottom:25px !important;}
.margin-bottom-30 {margin-bottom:30px !important;}
.margin-bottom-35 {margin-bottom:35px !important;}
.margin-bottom-40 {margin-bottom:40px !important;}
.margin-bottom-45 {margin-bottom:45px !important;}
.margin-bottom-50 {margin-bottom:50px !important;}
.margin-bottom-60 {margin-bottom:60px !important;}
.margin-bottom-70 {margin-bottom:70px !important;}
.margin-bottom-80 {margin-bottom:80px !important;}
.margin-bottom-90 {margin-bottom:90px !important;}
.margin-bottom-100 {margin-bottom:100px !important;}

.margin-p2 	{margin:0 2%;}
.margin-p4 	{margin:0 4%;}
.margin-p5 	{margin:0 5%;}
.margin-p10 {margin:0 10%;}

.margin-top-n1 		{margin-top:-1px !important;}
.margin-left-n1 	{margin-left:-1px !important;}
.margin-right-n1 	{margin-right:-1px !important;}
.margin-bottom-n1 	{margin-bottom:-1px !important;}

/******************************/
/* Border style */
/******************************/

.radius-none,
.radius-0	{border-radius:0 !important;}
.radius-5 	{border-radius:5px;}
.radius-10 	{border-radius:10px;}
.radius-15 	{border-radius:15px;}
.radius-20 	{border-radius:20px;}
.radius-25	{border-radius:25px;}
.radius-30	{border-radius:30px;}
.radius-35	{border-radius:35px;}
.radius-40 	{border-radius:40px;}
.radius-45 	{border-radius:45px;}
.radius-50 	{border-radius:50px;}

/******************************/

.border-0 {border:0 !important;}
.border-f {border:1px solid #FFF;}
.border-e {border:1px solid #EEE;}
.border-d {border:1px solid #DDD;}
.border-c {border:1px solid #CCC;}

.border-f9 {border:1px solid #F9F9F9;}
.border-f6 {border:1px solid #F6F6F6;}
.border-f3 {border:1px solid #F3F3F3;}
.border-f0 {border:1px solid #F0F0F0;}

.border-e9 {border:1px solid #E9E9E9;}
.border-e6 {border:1px solid #E6E6E6;}
.border-e3 {border:1px solid #E3E3E3;}
.border-e0 {border:1px solid #E0E0E0;}

.border-d9 {border:1px solid #D9D9D9;}
.border-d6 {border:1px solid #D6D6D6;}
.border-d3 {border:1px solid #D3D3D3;}
.border-d0 {border:1px solid #D0D0D0;}

.border-top-f {border-top:1px solid #FFF;}
.border-top-e {border-top:1px solid #EEE;}
.border-top-d {border-top:1px solid #DDD;}
.border-top-c {border-top:1px solid #CCC;}

.border-top-f9 {border-top:1px solid #F9F9F9;}
.border-top-f6 {border-top:1px solid #F6F6F6;}
.border-top-f3 {border-top:1px solid #F3F3F3;}
.border-top-f0 {border-top:1px solid #F0F0F0;}

.border-top-e9 {border-top:1px solid #E9E9E9;}
.border-top-e6 {border-top:1px solid #E6E6E6;}
.border-top-e3 {border-top:1px solid #E3E3E3;}
.border-top-e0 {border-top:1px solid #E0E0E0;}

.border-top-d9 {border-top:1px solid #D9D9D9;}
.border-top-d6 {border-top:1px solid #D6D6D6;}
.border-top-d3 {border-top:1px solid #D3D3D3;}
.border-top-d0 {border-top:1px solid #D0D0D0;}

.border-bottom-f {border-bottom:1px solid #FFF;}
.border-bottom-e {border-bottom:1px solid #EEE;}
.border-bottom-d {border-bottom:1px solid #DDD;}
.border-bottom-c {border-bottom:1px solid #CCC;}

.border-bottom-f9 {border-bottom:1px solid #F9F9F9;}
.border-bottom-f6 {border-bottom:1px solid #F6F6F6;}
.border-bottom-f3 {border-bottom:1px solid #F3F3F3;}
.border-bottom-f0 {border-bottom:1px solid #F0F0F0;}

.border-bottom-e9 {border-bottom:1px solid #E9E9E9;}
.border-bottom-e6 {border-bottom:1px solid #E6E6E6;}
.border-bottom-e3 {border-bottom:1px solid #E3E3E3;}
.border-bottom-e0 {border-bottom:1px solid #E0E0E0;}

.border-bottom-d9 {border-bottom:1px solid #D9D9D9;}
.border-bottom-d6 {border-bottom:1px solid #D6D6D6;}
.border-bottom-d3 {border-bottom:1px solid #D3D3D3;}
.border-bottom-d0 {border-bottom:1px solid #D0D0D0;}


/******************************/
/* Position style */
/******************************/

.static			{position:static !important;}
.relative		{position:relative;}

.absolute		{position:absolute; top:0; right:0; bottom:0; left:0;}
.absolute-top	{position:absolute; top:0; right:0; bottom:auto; left:0;}
.absolute-left	{position:absolute; top:0; right:auto; bottom:0; left:0;}
.absolute-bottom{position:absolute;	top:auto; right:0;	bottom:0; left:0;}
.absolute-right	{position:absolute;	top:0; right:0;	bottom:0; left:auto;}

.fixed			{position:fixed; top:0; right:0; bottom:0; left:0;}
.fixed-top		{position:fixed; top:0; right:0; bottom:auto; left:0;}
.fixed-left		{position:fixed; top:0; right:auto; bottom:0; left:0;}
.fixed-bottom	{position:fixed; top:auto; right:0; bottom:0; left:0;}
.fixed-right	{position:fixed; top:0; right:0; bottom:0; left:auto;}

/******************************/
/* Z-index style */
/******************************/

.zindex-1		{z-index:1;}
.zindex-9		{z-index:9;}
.zindex-11		{z-index:11;}
.zindex-99		{z-index:99;}
.zindex-111		{z-index:111;}
.zindex-999		{z-index:999;}
.zindex-1111	{z-index:1111;}
.zindex-9999	{z-index:9999;}
.zindex-11111	{z-index:11111;}

/******************************/
/* Opacity style */
/******************************/

.opacity-0  {filter:alpha(opacity=0) !important; opacity:0 !important;}
.opacity-5  {filter:alpha(opacity=5); opacity:0.05;}
.opacity-10 {filter:alpha(opacity=10); opacity:0.1;}
.opacity-15 {filter:alpha(opacity=15); opacity:0.15;}
.opacity-20 {filter:alpha(opacity=20); opacity:0.2;}
.opacity-25 {filter:alpha(opacity=25); opacity:0.25;}
.opacity-30 {filter:alpha(opacity=30); opacity:0.3;}
.opacity-35 {filter:alpha(opacity=35); opacity:0.35;}
.opacity-40 {filter:alpha(opacity=40); opacity:0.4;}
.opacity-45 {filter:alpha(opacity=45); opacity:0.45;}
.opacity-50 {filter:alpha(opacity=50); opacity:0.5;}
.opacity-55 {filter:alpha(opacity=55); opacity:0.55;}
.opacity-60 {filter:alpha(opacity=60); opacity:0.6;}
.opacity-65 {filter:alpha(opacity=65); opacity:0.65;}
.opacity-70 {filter:alpha(opacity=70); opacity:0.7;}
.opacity-75 {filter:alpha(opacity=75); opacity:0.75;}
.opacity-80 {filter:alpha(opacity=80); opacity:0.8;}
.opacity-85 {filter:alpha(opacity=85); opacity:0.85;}
.opacity-90 {filter:alpha(opacity=90); opacity:0.9;}
.opacity-95 {filter:alpha(opacity=95); opacity:0.95;}
.opacity-100 {filter:alpha(opacity=100) !important; opacity:1 !important;}

/******************************/
/* Shadow style */
/******************************/

.shadow-1 {box-shadow:0 1px 1px RGBA(0, 0, 0, 0.05);}
.shadow-2 {box-shadow:0 2px 2px RGBA(0, 0, 0, 0.05);}
.shadow-3 {box-shadow:0 3px 3px RGBA(0, 0, 0, 0.05);}
.shadow-4 {box-shadow:0 4px 4px RGBA(0, 0, 0, 0.06);}
.shadow-5 {box-shadow:0 5px 5px RGBA(0, 0, 0, 0.075);}
.shadow-6 {box-shadow:0 6px 6px RGBA(0, 0, 0, 0.075);}

/******************************/
/* Button style */
/******************************/

.button, .button-20, .button-24, .button-28, .button-32, .button-36, .button-40, .button-44 {
	overflow:hidden;
	display:inline-block;
	color:#000 !important;
	cursor:pointer;
	text-align:center;
	text-decoration:none !important;
	font-weight:100;
	white-space:nowrap;
	vertical-align:middle !important;
	border:1px solid #CCC;
	box-sizing:border-box;
	background:#F9F9F9;
}

.button-24 {height:24px; line-height:24px; font-size:12px !important; padding:0 0.75em; border-radius:0.2em;}
.button-28 {height:28px; line-height:28px; font-size:14px !important; padding:0 1.00em; border-radius:0.25em;}
.button-32 {height:32px; line-height:32px; font-size:16px !important; padding:0 1.00em; border-radius:0.25em;}
.button-36 {height:36px; line-height:36px; font-size:16px !important; padding:0 1.00em; border-radius:0.3em;}
.button-40 {height:40px; line-height:40px; font-size:17px !important; padding:0 1.00em; border-radius:0.3em;}
.button-44 {height:44px; line-height:44px; font-size:17px !important; padding:0 1.00em; border-radius:0.4em;}

.button-red,
.button-green,
.button-blue,
.button-orange 	 {color:#FFF !important;}
.button-white 	 {border-color:#FFF;}
.button-gray 	 {color:#999 !important; cursor:default; text-shadow:1px 1px 0 #FFF; background-color:#E6E6E6;}
.button-gradient {text-shadow:1px 1px 1px #FFF; background:linear-gradient(#F6F6F6, #EEE);}
.button-normal 	 {width:100%; padding:0; border:0; border-radius:0;}
/*
.button-20:hover,
.button-24:hover,
.button-28:hover,
.button-32:hover,
.button-36:hover,
.button-40:hover,
.button-44:hover {
	color:#FFF !important;
	border-color:#EB7468 !important;
	background:#EB7468 !important;
}
.button-gray:hover {
	color:#999 !important;
	border-color:#DDD !important;
	background-color:#E6E6E6 !important;
}
.button-gradient:hover {
	text-shadow:none;
}*/

/******************************/
/* Icon style */
/******************************/

.icon-16:before, .icon-18:before, .icon-20:before, .icon-24:before, .icon-28:before, .icon-32:before,.icon-36:before, .icon-40:before, .icon-44:before {
	content:'';
	position:relative;
	top:-1px;
	display:inline-block;
	width:16px;
	height:16px;
	margin-right:0.2em;
	vertical-align:middle;
	background-position:center 50%;
	background-repeat:no-repeat;
	background-size:auto 100%;
}
.icon-18:before { width:18px; height:18px; margin-right:0.3em; }
.icon-20:before { width:20px; height:20px; margin-right:0.4em; }
.icon-24:before { width:24px; height:24px; margin-right:0.5em; }
.icon-28:before { width:28px; height:28px; margin-right:0.5em; }
.icon-32:before { width:32px; height:32px; margin-right:0.5em; }
.icon-36:before { width:36px; height:36px; margin-right:0.5em; }
.icon-40:before { width:40px; height:40px; margin-right:0.5em; }
.icon-44:before { width:44px; height:44px; margin-right:0.5em; }

.icon-user:before		{ background-image:url(../images/icon-user.png); }
.icon-phone:before		{ background-image:url(../images/icon-phone.png); }
.icon-telephone:before	{ background-image:url(../images/icon-telephone.png); }
.icon-address:before	{ background-image:url(../images/icon-address.png); }
.icon-location:before	{ background-image:url(../images/icon-location.png); }
.icon-favorite:before	{ background-image:url(../images/icon-favorite.png); }
.icon-service:before	{ background-image:url(../images/icon-service.png); }
.icon-set:before		{ background-image:url(../images/icon-set.png); }
.icon-code:before		{ background-image:url(../images/icon-code.png); }
.icon-home:before		{ background-image:url(../images/icon-home.png); }
.icon-image:before		{ background-image:url(../images/icon-image.png); }
.icon-list:before		{ background-image:url(../images/icon-list.png); }

.icon-user-gray:before		{ background-image:url(../images/icon-user-gray.png); }
.icon-phone-gray:before		{ background-image:url(../images/icon-phone-gray.png); }
.icon-telephone-gray:before	{ background-image:url(../images/icon-telephone-gray.png); }
.icon-address-gray:before	{ background-image:url(../images/icon-address-gray.png); }
.icon-location-gray:before	{ background-image:url(../images/icon-location-gray.png); }
.icon-favorite-gray:before	{ background-image:url(../images/icon-favorite-gray.png); }
.icon-service-gray:before	{ background-image:url(../images/icon-service-gray.png); }
.icon-set-gray:before		{ background-image:url(../images/icon-set-gray.png); }
.icon-code-gray:before		{ background-image:url(../images/icon-code-gray.png); }
.icon-home-gray:before		{ background-image:url(../images/icon-home-gray.png); }
.icon-image-gray:before		{ background-image:url(../images/icon-image-gray.png); }
.icon-list-gray:before		{ background-image:url(../images/icon-list-gray.png); }

/*============================*/
/* Form reset style */
/*============================*/

button, input[type = button], input[type = submit] {
	line-height:normal !important;
	-webkit-appearance:none;
	outline:none;
}
button, input[type = button], input[type = submit], input[type = text], input[type = password], select, textarea {
	line-height:1.5;
	color:#666;
	font-size:16px;
	vertical-align:top;
	box-sizing:border-box;
}
input.text{
	width:100%;
	height:40px;
	padding:5px 8px;
	border:1px solid #DDD;
	background-color:#FFF;
}
textarea.textarea {
	width:100%;
	height:100px;
	padding:5px 8px;
	border:1px solid #DDD;
}
select.select {
	min-width:100px;
	height:32px;
	padding-left:4px;
	border:1px solid #DDD;
}

/******************************/
/* Mobile-form style */
/******************************/

.mobile-form {
	display:table;
	width:100%;
	margin:-1px 0;
	border-collapse:collapse;
	border-spacing:0;
	box-sizing:border-box;
	background:#FFF;
}
.mobile-form .row {
	display:table-row;
}
.mobile-form .row .cell {
	position:relative;
	display:table-cell;
	vertical-align:top;
	border-top:1px solid #E6E6E6;
	border-bottom:1px solid #E6E6E6;
}
.mobile-form .row .cell:first-child {
	white-space:nowrap;
}
.mobile-form .row .cell:last-child {
	color:#666;
	width:100%;
}

/******************************/

.mobile-form .cell:first-child label {
	position:relative;
	display:block;
	padding:12px 0 12px 15px;
}
.mobile-form .cell:first-child label b {
	position:relative;
	top:2px;
	color:#E44535;
	margin-right:4px
}
.mobile-form .cell .value {
	position:relative;
	display:block;
	min-height:1.5em;
	padding:12px 15px 12px 8px;
}
.mobile-form .point .value,
.mobile-form .value.point {
	padding-right:30px;
}
.mobile-form .point:after {
	content:'';
	position:absolute;
	top:50%;
	right:10px;
	bottom:0;
	display:block;
	width:14px;
	height:14px;
	opacity:0.35;
	margin-top:-6px;
	background:url(../images/icon-arrow.png) no-repeat center 50%;
	background-size:auto 100%;
}

/******************************/

.mobile-form input.text,
.mobile-form select.select {
	display:block;
	width:100%;
	height:100%;
	padding:12px 8px;
	border:0;
	border-radius:0;
	background-color:transparent;
}
.mobile-form select.select {
	padding-left:4px;
}
.mobile-form textarea.textarea {
	padding:12px 8px;
	border:0;
	border-radius:0;
}

/******************************/

.mobile-form .validate {
	position:relative;
	display:block;
}
.mobile-form .validate .button {
	position:absolute;
	top:-1px;
	right:0;
	bottom:-1px;
	min-width:80px;
}
.mobile-form .validate .info {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	min-width:100px;
	text-align:center;
	vertical-align:middle;
	border-left:1px solid #E6E6E6;
	background-color:#F9F9F9;
}


/******************************/
/* Form style */
/******************************/

.form input[type = text], .form input[type = password], .form select, .form textarea {
	float:left;
	width:280px;
	height: 36px;
	line-height: 36px;
	outline:none;
	padding: 0 8px;
	border:1px solid #DDD !important;
	border-radius:3px;
}
.form {
	display:table;
	border-collapse:collapse;
	border-spacing:0;
}
.form .row {
	display:table-row;
}
.form .row .cell {
	position:relative;
	display:table-cell;
	vertical-align:top;
	padding-bottom:12px;
}
.form .row .cell:nth-child(odd) {
	min-width:150px;
	white-space:nowrap;
}

/******************************/

.form .row .cell div.select:after {
	content:'.';
	display:block;
	clear:both;
	line-height:0;
	font-size:0;
	visibility:hidden;
}
.form .row .cell div.select {
	position:relative;
	float:left;
}
.form .row .cell div.select .button {
	position:absolute;
	top:0;
	right:0;
	display:block;
	min-width:1em;
	height:36px;
	line-height:36px;
	text-align:center;
	color:#FFF;
	padding:0 10px;
	border:0;
	background:#29AFD1;
}
.form .row .cell div.select .button:hover {
	text-decoration:none;
	background:#1DA7C9;
}

/******************************/

.form .cell:nth-child(odd) > label {
	position:relative;
	display:block;
	line-height:24px;
	color:#333;
	text-align:right;
	padding:6px 6px 6px 0;
}
.form .cell:nth-child(odd) > label b {
	position:relative;
	top:3px;
	color:#E44535;
	margin-right:4px
}
.form .cell .value {
	position:relative;
	display:block;
	min-height:24px;
	line-height:24px;
	padding:6px 0;
}
.form .row .tips {
	float:left;
	line-height:36px;
	color:#909399;
	white-space:nowrap;
	font-size:13px;
	padding-left:10px;
}
.form .row .to {
	float:left;
	min-width:25px;
	line-height:36px;
	color:#909399;
	text-align:center;
}

/******************************/

.form .cell label.error {
	position:absolute;
	left:278px;
	display:block;
	width:100%;
	max-width:180px;
	line-height:36px;
	color:#E15F63;
	white-space:nowrap;
	margin-left:12px;
	padding:0 0 0 23px;
	background:url(../images/fore/icon-error.png) #FFF no-repeat 0 9px;
}
.form .cell label.valid {
	color:#60AF10;
	background-image:url(../images/fore/icon-checked3.png);
}

/******************************/

.validate {
	position:relative;
}
.validate .button {
	position:absolute;
	top:0;
	right:0;
	min-width:7em;
	height:36px;
	text-align:center;
	cursor:pointer;
	font-size:14px;
	border:1px solid #E7E7EB;
	background:#F4F5F9;
}
.validate .button:hover {
	color:#FFF;
	border-color:#1DA2C7;
	background:#1DA2C7;
}

/******************************/
/* Message style */
/******************************/

#message .message {
	position: fixed;
	top:25%;
	left:50%;
	min-width:80px;
	color:#FFF;
	text-align:center;
	margin-left:-40px;
}
.message .body {
	position:relative;
	z-index:10000;
	padding:10px 20px;
}
.message-shade {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:9999;
	opacity:0.5;
	border-radius:1px;
	background:#000;
}

/******************************/
/* Checkbox & Radio style */
/******************************/

.checkbox:after {
	content:'.';
	display:block;
	clear:both;
	line-height:0;
	font-size:0;
	visibility:hidden;
}
.checkbox label {
	position:relative;
	float:left;
	white-space:nowrap;
	margin-right:15px;
}
.checkbox.group-5 label {
	margin-bottom:5px;
}
.checkbox.group-10 label {
	margin-bottom:10px;
}
.checkbox label input[type = checkbox],
.checkbox label input[type = radio] {
	position:relative;
	top:1px;
	margin-right:5px;
}
.checkbox label input[type = checkbox] + i,
.checkbox label input[type = radio] + i {
	margin-left:5px;
}

/******************************/

.checkbox label input[type = checkbox] + i:before,
.checkbox label input[type = radio] + i:before {
	content:'';
	position:absolute;
	top:50%;
	left:-1px;
	display:block;
	width:16px;
	height:16px;
	margin-top:-9px;
	border:1px solid #BBB;
	border-radius:100%;
	background:linear-gradient(#FFF, #EEE);
	background-color:#FFF;
}
.checkbox label input[type = checkbox] + i:before {
	border-radius:4px;
}

/******************************/

.checkbox label input[type = checkbox]:checked + i:before {
	border-color:#09BB07;
	background-image:url(../images/icon-tick.png);
	background-position: center 58% !important;
	background-repeat:no-repeat !important;
	background-size:12px auto !important;
}
.checkbox label input[type = checkbox]:disabled + i:before {
	border-color:#DDD;
	background:#F6F6F6;
}
.checkbox label input[type = checkbox]:checked:disabled + i:before {
	background-image:url(../images/icon-tick-gray.png);
}

/******************************/

.checkbox label input[type = radio]:checked + i:before {
	border-color:#09BB07;
	background:#FFF;
}
.checkbox label input[type = radio]:disabled + i:before {
	border-color:#DDD;
	background:#F6F6F6;
}
.checkbox label input[type = radio]:checked + i:after {
	content:'';
	position:absolute;
	top:50%;
	left:4px;
	display:block;
	width:8px;
	height:8px;
	margin-top:-4px;
	border-radius:100%;
	border-color:#09BB07;
	background:#09BB07;
}
.checkbox label input[type = radio]:checked:disabled + i:after {
	border-color:#DDD;
	background:#DDD;
}

/*============================*/
/* Table style */
/*============================*/

.table-fixed{
	table-layout:fixed;
}
.table-imitate {
	display:table;
	width:100%;
}
.table-imitate ul {
	display:table-row;
}
.table-imitate li {
	display:table-cell;
}

/******************************/
/* Mobile-table style! */
/******************************/

.mobile-table {
	text-align:center;
	font-size:14px;
	margin:-1px 0;
	background:#FFF;
}
.mobile-table th {
	padding:10px 5px;
	border:1px solid #DDD;
	background:#EEE;
}
.mobile-table td {
	padding:10px 5px;
	border:1px solid #E6E6E6;
}

/*============================*/
/* Mobile common style */
/*============================*/

.mobile-wraper {
	margin:0 auto;
	background-color:#EEE;
}

/******************************/

.mobile-hd {
	position:relative;
	color:#999;
	font-size:14px;
	padding:10px 15px;
}
.mobile-hd .more {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
}
.mobile-bd {
	margin:-1px 0;
	border-top:1px solid #E6E6E6;
	border-bottom:1px solid #E6E6E6;
	box-shadow:0 5px 5px RGBA(0, 0, 0, 0.01);
	background:#FFF;
}

/******************************/
/* Mobile-header style!*/
/******************************/

.mobile-header {
	position:relative;
	height:48px;
	line-height:48px;
	box-shadow:0 2px 3px RGBA(0, 0, 0, 0.025);
	border-bottom:1px solid #E6E6E6;
	background:#F9F9F9;
}
.mobile-header.bg-color {
	color:#FFF;
	border-bottom-color:#393A3E;
	background:#393A3E;
}
.mobile-header.bg-color a {
	color:#FFF;
}
.mobile-header .logo {
	display:block;
	width:160px;
	height:34px;
	line-height:34px;
	margin:7px 12px;
	background:url(../images/logo.png) no-repeat 0 50%;
	background-size:auto 100%;
}
.mobile-header.bg-color .logo {
	background-image:url(../images/logo-white.png);
}
.mobile-header .title {
	text-align:center;
	font-size:17px;
	padding:0 15px;
}
.mobile-header .value {
	float:left;
	padding:0 15px;
}

/******************************/

.mobile-header .back,
.mobile-header .home,
.mobile-header .search,
.mobile-header .favorite, 
.mobile-header .message {
	float:left;
	text-align:center;
	padding:12px 15px;
}

.mobile-header .back:before,
.mobile-header .home:before,
.mobile-header .search:before,
.mobile-header .favorite:before, 
.mobile-header .message:before {
	content:'';
	position:relative;
	display:block;
	width:18px;
	height:18px;
	vertical-align:top;
	background:url(../images/mobile/mobile-header.png) no-repeat 0 50%;
	background-size:auto 100%;
}
.mobile-header.bg-color .back:before,
.mobile-header.bg-color .home:before,
.mobile-header.bg-color .search:before,
.mobile-header.bg-color .favorite:before, 
.mobile-header.bg-color .message:before { background-image:url(../images/mobile/mobile-header-white.png); }

.mobile-header .back:before				{ background-position:0 50%; }
.mobile-header .home:before				{ background-position:25% 50%; }
.mobile-header .search:before			{ background-position:50% 50%; }
.mobile-header .favorite:before			{ background-position:75% 50%; }
.mobile-header .message:before			{ background-position:100% 50%; }


/******************************/
/* Mobile-nav style!*/
/******************************/

.mobile-nav {
	padding:20px 4% 0 4%;
	margin-bottom:-1px;
	border-bottom:1px solid #E6E6E6;
	background:#FFF;
}
.mobile-nav li {
	float:left;
	width:25%;	/*默认4列*/
	text-align:center;
	font-size:14px;
	margin-bottom:20px;
}
.mobile-nav.group-5 li {
	width:20%;
	font-size:13px;
}

/******************************/

.mobile-nav li .pic {
	position:relative;
	display:block;
	padding:0 28%;
	margin-bottom:5px;
}
.mobile-nav.group-5 li .pic {
	padding:0 24%;
}
.mobile-nav li .pic img {
	max-height:60px;
	border-radius:100%;
}
.mobile-nav li .title {
	overflow:hidden;
	display:block;
	color:#666;
	white-space:nowrap;
}

/******************************/
/* Mobile-fixed style!*/
/******************************/

.mobile-fixed {
	height:60px;
}
.mobile-fixed .box {
	position:fixed;
	bottom:0;
	width:100%;
	margin:0 auto;
	border-top:1px solid #E6E6E6;
	box-shadow:0 -2px 3px RGBA(0, 0, 0, 0.025);
	background:#F6F6F6;
}

/******************************/

.footer-nav {
	display:table;
	table-layout:fixed;
	width:100%;
	text-align:center;
}
.footer-nav ul {
	display:table-row;
}
.footer-nav li {
	display:table-cell;
	vertical-align:top;
}
.footer-nav li > a {
	display:block;
	color:#999;
	font-size:12px;
	padding:4px 0;
}
.footer-nav li.on > a {
	color:#09BB07;
}
.footer-nav li > a:before {
	content:'';
	display:block;
	width:20px;
	height:20px;
	margin:1px auto;
	background:url(../images/mobile/footer-nav.png) no-repeat 0 50%;
	background-size:auto 100%;
}
.footer-nav li.on > a:before {
	background-image:url(../images/mobile/footer-nav-on.png);
}
.footer-nav li.item-2 > a:before {
	background-position:25% 50%;
}
.footer-nav li.item-3 > a:before {
	background-position:50% 50%;
}
.footer-nav li.item-4 > a:before {
	background-position:75% 50%;
}
.footer-nav li.item-5 > a:before {
	background-position:100% 50%;
}

/******************************/
/* menu-bottom style!*/
/******************************/

.menu-bottom {
	position:relative;
	display:inline-block;
	width:100%;
	vertical-align:top;
}
.menu-bottom dt {
	display:block;
	color:#999;
	text-align:center;
	font-size:12px;
	padding:4px 0;
}
.footer-nav dt:before {
	content:'';
	display:block;
	width:20px;
	height:20px;
	margin:0 auto;
	background:url(../images/icon-menu.png) no-repeat center 50%;
	background-size:auto 100%;
}
.menu-bottom.on dt {
	position:relative;
	z-index:11;
	width:100%;
}
.menu-bottom dd {
	position:absolute;
	min-width:100%;
	bottom:100%;
	display:none;
	margin:0 auto;
	padding:5px 0;
	border:1px solid #DDD;
	box-shadow:0 0 10px RGBA(0, 0, 0, 0.025);
	background:#FFF;
}
.menu-bottom.on dd {
	display:block;
	z-index:9;
}
.menu-bottom dd a {
	display:block;
	line-height:2;
	white-space:nowrap;
}

/******************************/
/* menu-top style!*/
/******************************/

.menu-top {
	position:relative;
	display:inline-block;
	vertical-align:top;
}
.menu-top dt {
	display:block;
	min-width:1em;
	color:#999;
	text-align:center;
	font-size:14px;
	cursor:default;
	padding:0 15px;
	background:url(../images/icon-menu.png) no-repeat center 50%;
	background-size:15px auto;
}
.mobile-header.bg-color .menu-top dt {
	color:#FFF;
	background-image:url(../images/icon-menu-white.png);
}
.menu-top.on dt {
	position:relative;
	z-index:11;
	padding-bottom:1px;
	margin-bottom:-1px;
}
.menu-top dd {
	position:absolute;
	right:0;
	display:none;
	font-size:14px;
	padding:5px 0;
	box-shadow:0 5px 10px RGBA(0, 0, 0, 0.05);
	opacity:0.9;
	background:#FFF;
}
.menu-top.on dd {
	display:block;
	z-index:9;
}
.menu-top dd a {
	display:block;
	line-height:2;
	white-space:nowrap;
	padding:0 25px;
}
.mobile-header.bg-color .menu-top dd a {
	color:#000;
}

/******************************/
/* Mobile-footer style! */
/******************************/

.mobile-footer {
	color:#666;
	text-align:center;
	font-size:14px;
	margin-top:-1px;
	padding:12px 15px;
	border-top:1px solid #E6E6E6;
	background:#FFF;
}
.mobile-footer a {
	color:#09BB07;
}
.mobile-footer .count, .mobile-footer .ours {
	display:inline-block;
	color:#999;
	padding:0 0.35em;
	margin:0 0.5em;
	border:1px solid #BBB;
}
.mobile-footer .ours {
	color:#09BB07;
	border-color:#09BB07;
}
.mobile-footer.bg-color {
	color:#CCC;
	background:#000;
}

/******************************/
/* Mobile-tabs style! */
/******************************/

.mobile-tabs {
	display:table;
	width:100%;
	text-align:center;
}
.mobile-tabs ul {
	display:table-row;
}
.mobile-tabs li {
	display:table-cell;
	vertical-align:middle;
}
.mobile-tabs li a {
	display:block;
	color:#666;
	padding:10px 0;
	margin-bottom:-1px;
	border-bottom:1px solid #E6E6E6;
	background:#F6F6F6;
}
.mobile-tabs li.on a {
	color:#E44535;
	border-bottom:2px solid #E44535;
}

/******************************/
/* Mobile-filter style! */
/******************************/

.mobile-filter dt {
	text-align:center;
	padding:10px 0;
}
.mobile-filter dt span {
	position:relative;
	display:inline-block;
	cursor:default;
	white-space:nowrap;
	padding-right:16px;
}
.mobile-filter.on dt span {
	color:#09BB07;
}
.mobile-filter dt span:after {
	content:'';
	position:absolute;
	top:50%;
	right:4px;
	display:block;
	width:0;
	height:0;
	margin-top:-2px;
	border-left:4px solid transparent;
	border-right:4px solid transparent;
	border-top:6px solid #BBB;
}
.mobile-filter.on dt span:after {
	border-top:0;
	border-bottom:6px solid #09BB07;
}

/******************************/

.mobile-filter dd {
	position:absolute;
	left:0;
	right:0;
	z-index:999;
	display:none;
	width:100%;
	margin:0 auto;
	box-shadow:0 5px 5px RGBA(0, 0, 0, 0.025);
	background:#FFF;
}
.mobile-filter.on dd {
	display:block;
}

/******************************/

.mobile-filter dd span {
	position:relative;
	display:block;
	padding:10px 15px;
	margin:-1px 0;
	border-top:1px solid #E6E6E6;
	border-bottom:1px solid #E6E6E6;
}
.mobile-filter dd span.on {
	color:#999;
}
.mobile-filter dd span.on:after {
	content:'';
	position:absolute;
	top:50%;
	right:15px;
	display:block;
	width:16px;
	height:16px;
	margin-top:-8px;
	background:url(../images/icon-tick.png) no-repeat center 50%;
	background-size:auto 100%;
}

/******************************/
/* Mobile-select style! */
/******************************/

.mobile-select {
	display:none;
}
.wrap-select {
	display:inline-block;
}
.mobile-form .wrap-select,
.mobile-form .select-option {
	display:block;
}
.mobile-form .select-option dt {
	height:auto;
	line-height:1.5;
	padding-left:8px;
	padding-top:12px;
	padding-bottom:12px;
	margin-bottom:0;
	border:0;
}
.mobile-form .select-option dd span {
	padding-left:8px;
}

/******************************/

.select-option {
	position:relative;
	display:inline-block;
	vertical-align:top;
}
.select-option dt {
	position:relative;
	overflow:hidden;
	height:40px;
	line-height:40px;
	cursor:default;
	margin-bottom:-1px;
	padding:0 1.5em 0 1em;
	border:1px solid #DDD;
	background:#FFF;
}
.select-option dt:after {
	content:'';
	position:absolute;
	top:50%;
	right:10px;
	display:block;
	width:0;
	height:0;
	margin-top:-2px;
	border-left:4px solid transparent;
	border-right:4px solid transparent;
	border-top:8px solid #666;
}
.select-option dd {
	position:absolute;
	z-index:99;
	display:none;
	overflow-y:scroll;
	min-width:100%;
	max-height:320px;
	padding:0.5em 0;
	border:1px solid #DDD;
	box-sizing:border-box;
	box-shadow:0 5px 5px RGBA(0, 0, 0, 0.05);
	background:#FFF;
}
.select-option.on dd {
	display:block;
}
.select-option.up dd {
	bottom:40px;
}
.select-option dd span {
	display:block;
	line-height:2em;
	color:#000;
	cursor:default;
	white-space:nowrap;
	padding:0 1em;
}
.select-option dd span:hover {
	background:#EEE;
}
.select-option dd span.on {
	color:#E44535;
}

/******************************/
/* Mobile-result style! */
/******************************/

.mobile-result li:after,
.mobile-result li a:after {
	content:'.';
	display:block;
	clear:both;
	line-height:0;
	font-size:0;
	visibility:hidden;
}
.mobile-result li {
	padding:15px;
	margin:-1px 0;
	border-top:1px solid #E6E6E6;
	border-bottom:1px solid #E6E6E6;
	background:#FFF;
}
.mobile-result li a {
	display:block;
}
.mobile-result .pic {
	float:left;
	width:30%;
	max-width:160px;
}
.mobile-result .con {
	float:left;
	width:66%;
	margin-left:4%;
}
.mobile-result .con .title {
	overflow:hidden;
	line-height:1.382;
	max-height:2.764em;
	color:#000;
}
.mobile-result .con .info {
	overflow:hidden;
	max-height:3em;
	color:#999;
	font-size:14px;
	margin-top:5px;
}

/******************************/
/* Mobile-dialog style! */
/******************************/

.mobile-dialog {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:999;
	overflow:hidden;
	display:none;
	width:100%;
	margin:0 auto;
}
.mobile-dialog:before {
	content:'';
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:block;
	opacity:0.5;
	background:#000;
}

/******************************/

.mobile-dialog .main {
	position:absolute;
	top:0;
	left:10%;
	right:0;
	bottom:0;
	box-shadow:-10px 0 10px RGBA(0,0,0,0.05);
	background:#FFF;
}
.mobile-dialog .main .hd {
	position:relative;
	border-bottom:1px solid #E6E6E6;
	background:#F6F6F6;
}
.mobile-dialog .main .hd .title {
	height:44px;
	line-height:44px;
	padding:0 15px;
}
.mobile-dialog .main .hd .shut {
	position:absolute;
	top:0;
	right:0;
	display:block;
	height:44px;
	line-height:44px;
	color:#999;
	cursor:pointer;
	font-size:14px;
	padding:0 15px;
}

/******************************/

.mobile-dialog .main .bd {
	position:absolute;
	top:45px;
	left:0;
	right:0;
	bottom:0;
}
.mobile-iframe{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow:hidden;
	display:block;
	width:100%;
	height:100%;
	border:0;
	background:#FAFAFA;
}
.mobile-dialog.show {
	display:block;
}

/******************************/
/* Back-top style */
/******************************/

.back-top {
	position:fixed;
	right:0;
	bottom:40px;
	z-index:999;
	display:none;
	width:32px;
	height:32px;
	line-height:32px;
	color:#FFF;
	text-align:center;
	opacity:0.2;
	border-radius:100%;
	background:#000;
}
.back-top:before {
	content:'';
	position:absolute;
	top:40%;
	left:50%;
	display:block;
	width:0;  
	height:0;
	margin:-6px 0 0 -8px;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	border-bottom:8px solid #FFF;
}
.back-top:after {
	content:'';
	position:absolute;
	top:40%;
	left:40%;
	bottom:25%;
	right:40%;
	display:block;
	border-radius:0 0 1px 1px;
	background:#FFF;
}

/******************************/
/* Flip style */
/******************************/

.flip {
	color:#999;
	font-size:14px;
	text-align:center;
	margin:20px 0;
}
.flip a, .flip span {
	display:inline-block;
	height:28px;
	line-height:28px;
	vertical-align:middle;
}
.flip a {
	color:#09BB07;
	padding:0 10px;
	border:1px solid #09BB07;
}
.flip a.gray {
	cursor:auto;
	color:#999 !important;
	border-color:#CCC !important;
	background:#FAFAFA !important;
}
.flip a:hover, .flip .on {
	color:#FFF;
	text-decoration:none;
	border-color:#09BB07;
	background:#09BB07;
}
.flip span {
	margin:0 8px;
}
.flip .select {
	min-width:50px;
	color:#666;
	margin:0 5px;
}

/******************************/
/* Pic-auto style */
/******************************/

.pic-auto {
	display:inline-block;
    width:100%;
    text-align:center;
	text-decoration:none;
	vertical-align:top;
	background:#FFF;
}
.pic-auto .title {
	overflow:hidden;
	height:3em;
	font-size:14px;
	margin:0.5em 0;
}
.pic-auto .pic {
	overflow:hidden;
	height:100px;
	line-height:100px;
}
.pic-auto .pic img {
    display:inline-block;
    max-width:100%;
    max-height:100%;
    vertical-align:middle;
}

/******************************/

.mobile-pic {
	table-layout:fixed;
	margin:-1px 0;
}
.mobile-pic td {
	padding:5px 10px;
	border:1px solid #E6E6E6;
	background:#FFF;
}

/******************************/
/* Flexslider style */
/******************************/

.flexslider {
	position:relative;
}
.slides{
	overflow:hidden;
	line-height:0;
	text-align:center;
}
.slides li {
	display:none;
}
.slides li:first-child {
	display:block;
}
.flex-control-nav {
	position:absolute;
	left:0;
	right:0;
	bottom:-5%;
	z-index:99;
	line-height:0;
	font-size:0;
	text-align:center;
}
.flex-control-nav li {
	display:inline-block;
	line-height:0;
	font-size:0;
	margin:0 1px;
}
.flex-control-nav a {
	display:inline-block;
	width:18px;
	height:4px;
	filter:alpha(opacity=20);
	opacity:0.2;
	background-color:#000;
}
.flex-control-nav .flex-active {
	filter:alpha(opacity=75);
	opacity:0.5;
	background-color:#0092D8;
}

/******************************/

.flex-prev, .flex-next {
	position:absolute;
	top:50%;
	left:0;
	display:block;
	width:40px;
	height:80px;
	margin-top:-45px;
	filter:alpha(opacity=50);
	opacity:0.5;
	background:url(../images/arrow-left.png) #FFF no-repeat center 50%;
	background-size:auto 40%;
}
.flex-next {
	left:auto;
	right:0;
	background-image:url(../images/icon-arrow.png);
}

/******************************/
/* Article-title style */
/******************************/

.article-title {
	text-align:center;
	padding:15px 0;
	margin:0 15px;
	border-bottom:1px solid #EEE;
}
.article-title .title {
	font-size:24px;
}
.article-title .info {
	color:#999;
	font-size:14px;
}
.article-detail {
	word-break: break-all;
	margin:15px;
}
.article-detail p {
	line-height:1.618em;
	text-indent:2em;
	margin:15px 0;
}
.article-detail p img {
	margin-left:-2em;
}
.article-detail img {
	width:auto !important;
	height:auto !important;
}

/******************************/
/* Comments style */
/******************************/

.comments-star {
	line-height:0;
	font-size:0;
	color:#666;
}
.comments-star .title, .comments-star .star, .comments-star .result {
	overflow:hidden;
	display:inline-block;
	height:24px;
	line-height:24px;
	font-size:100px;
	vertical-align:middle;
}
.comments-star .result {
	color:#E44535;
	margin-left:10px;
}

/******************************/
/* Spinner style (点击加减) */
/******************************/

.spinner {
	display:inline-block;
	line-height:0;
	font-size:0;
}
.spinner .decrease, .spinner .increase , .spinner .input-value {
	overflow:hidden;
	display:inline-block;
	width:36px;
	height:36px;
	line-height:36px;
	color:#666;
	text-align:center;
	vertical-align:middle;
	box-sizing:border-box;
	border:1px solid #DDD;
}
.spinner .decrease, .spinner .increase {
	cursor:pointer;
	color:#FFF;
	font-size:18px;
	border-color:#09BB07;
	background-color:#09BB07;
}
.spinner .decrease[disabled] {
	color:#999;
	cursor:default;
	border-color:#E6E6E6;
	background-color:#EEE;
}
.spinner .input-value {
	border-left:0;
	border-right:0;
}
.spinner .input-value.passive {
	color:#999;
}
.spinner .error, .spinner .invalid {
	color:#E44535;
}